<template>
  <div>
    <c-title :hide="false" text="详细信息"></c-title>
    <div class="container">
      <div class="price-box">
        <div class="title">分润信息：</div>
        <div class="box">
          <div class="font">级别: {{ list.level_name }}</div>
          <div class="font">结算月份: {{ list.create_month }}</div>
          <div class="font">结算状态: {{ list.status }} </div>
          <div class="font">分润类型: {{ list.type }}</div>
          <div class="font">分润金额: {{ list.dividend_amount }} </div>
          <div class="font">用户ID: {{ list.user_info.uid }}</div>
          <div class="font">手机号: {{ list.user_info.mobile }} </div>
          <div class="font">真实姓名: {{ list.user_info.realname }}</div>
          <div class="font">昵称: {{ list.user_info.nickname }} </div>
          <div class="font">购买人ID: {{ list.pay_user_info.uid }}</div>
          <div class="font">购买人手机号: {{ list.pay_user_info.mobile }} </div>
          <div class="font">真实姓名: {{ list.pay_user_info.realname }}</div>
          <div class="font">购买人昵称: {{ list.pay_user_info.nickname }} </div>
        </div>
        <div class="title">订单信息：</div>
        <div class="box">
          <div class="font">单号: {{ list.order_sn }} </div>
          <div class="font">订单金额: {{ list.order_amount }} </div>
          <div class="font">支付金额: {{ list.order_amount }}</div>
          <div class="font" style="width: 230px; height: 45px">商品名称: {{ list.order_goods.title }}</div>
          <div class="font">创建时间: {{ formatTimestamp(list.order.create_time) }} </div>
          <div class="font">完成时间:{{ formatTimestamp(list.order.finish_time) }}</div>
          <div class="font">支付时间: {{ formatTimestamp(list.order.pay_time) }} </div>
          <div class="font">订单备注: {{ list.order.note ? list.order.note : "" }} </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import detailPageController from "./detailPageController";

export default detailPageController;
</script>

<style>
body {
  background-color: #f6f6f6;
}
</style>
<style lang="scss" rel="stylesheet/scss" scoped>
@import "../common/common.css";

.price-box {
  width: 100%;
}

.font {
  height: 20px;
  margin-left: 20px;
  font-size: 14px;
  margin-top: 20px;
  text-align: left;
}

.title {
  width: 300px;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
  margin: auto;
  margin-top: 8px;
  text-align: left;
}

.box {
  width: 300px;
  height: auto;
  border: 1px solid #b9b9b9;
  margin: auto;
  border-radius: 10px;
  padding-bottom: 20px;
}
</style>